{% extends 'layout.html' %}
{% block content %}

<div class="row-fluid" style="margin-top:15px;">
  <div class="span12">
    <div class="accordion" id="login_register">
      <div class="accordion-group">
        <div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#login_register" href="#login_acc">
            Login
          </a>
        </div>
        <div id="login_acc" class="accordion-body in collapse">
          <div class="accordion-inner">
            <form action="{{ url_for('login') }}" method="POST">
              {{ form.email(class="block-item big-input", placeholder="Email address") }}
              {{ form.password(class="block-item big-input",placeholder = "Password") }}
              {{ form.submit(class="btn btn-primary btn-large block-item") }}
            </form>
          </div>
        </div>
      </div>

      <div class="accordion-group">
        <div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#login_register" href="#register_acc">
            Register
          </a>
        </div>
        <div id="register_acc" class="accordion-body collapse">
          <div class="accordion-inner">
              <form action="{{ url_for('register') }}" method="POST">
                {{ reform.email(class="block-item big-input", placeholder = "Email address") }}
                {{ reform.password(class="block-item big-input",placeholder = "Password") }}
                {{ reform.submit(class="btn btn-primary btn-large block-item") }}
              </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}